<template lang="pug">
  div.flex.flex-column.abs-fit
    div.relative(v-for='tab in max' v-if="$slots['top'+tab]")
      slot(:name="'top'+tab")
    div.relative.flex-auto
      slot
    div.relative(v-for='tab in max' v-if="$slots['buttom'+tab]")
      slot(:name="'buttom'+tab")
</template>
<script>
export default {
  data () {
    return {
      max: 5
    }
  }
}
</script>
